<template>
  <div class="viewall">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',

  setup(){
// 解决ERROR ResizeObserver loop completed with undelivered notifications.

//问题的

    const debounce = (fn, delay) => {

      let timer = null;

      return function () {

        let context = this;

        let args = arguments;

        clearTimeout(timer);

        timer = setTimeout(function () {

          fn.apply(context, args);

        }, delay);

      }

    }

// 解决ERROR ResizeObserver loop completed with undelivered notifications.

//问题的

    const _ResizeObserver = window.ResizeObserver;

    window.ResizeObserver = class ResizeObserver extends _ResizeObserver {

      constructor(callback) {

        callback = debounce(callback, 16);

        super(callback);

      }

    }
  }
}
</script>

<style >

.all{
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    width: 100%;
    height: 100%;
    margin: 0;
}
.viewall{
  height: 100%;
  margin: 0;

}

</style>
